﻿@charset "utf-8";
body{background: #222;color: #a9a9a9;}

/*banner*/
.banner{position: relative; height:921px;clear: both;}
.ban_p,.ban_p li{ height:921px;overflow: hidden;}
.ban_p li a{ display:block; height:921px; background:url(../images/banner1.jpg) no-repeat center 0;}
.ban_t{width:300px;height:50px;bottom:10px;left:50%;margin-left:-150px;position: absolute;text-align: center;z-index: 1;}
.ban_t em{width:16px;height:16px;background:#fff;display: inline-block;border-radius: 16px;margin: 0 6px;}
.ban_t em.on{background:#ff3000;}

.til01{height:124px;display: block;font-size:40px;line-height:50px;color: #f7cc7d;text-align: center;font-weight: normal;}
.til01 p{display: block;font-size: 20px;color: #e5e5e5;line-height:26px;}
.til01 em,.chara_w h2 em{display: block;text-transform: uppercase;font-family: Arial;font-size: 14px;color: #494949;line-height: 30px;}
.til01 a{display: block;color: #ff0000;}

.til010{height:124px;display: block;font-size:40px;line-height:50px;color: #ff9600;text-align: center;font-weight: normal;}
.til010 p{display: block;font-size: 20px;color: #7A7A7A;line-height:26px;}
.til010 em,.chara_w h2 em{display: block;text-transform: uppercase;font-family: Arial;font-size: 14px;color: #494949;line-height: 30px;}
.til010 a{display: block;color: #ff0000;}


#daohang{width:950px; padding-left:250px; margin:20px auto; height:210px; background:url(../images/kuinav.jpg) no-repeat;}
#daohang li{width:235px; height:210px; float:left;}
#daohang li a{display:block; width:235px; height:210px; background:url(../images/kuinava.jpg) no-repeat; text-indent:-500px; overflow:hidden;}
#daohang li.l1 a{ background-position:0px 0px;}
#daohang li.l2 a{ background-position:-235px 0px;}
#daohang li.l3 a{ background-position:-470px 0px;}
#daohang li.l4 a{ background-position:-705px 0px;}
#daohang li a:hover{background:url(../images/kuinava2.jpg) no-repeat;}
#daohang li.l1 a:hover{ background-position:0px 0px;}
#daohang li.l2 a:hover{ background-position:-235px 0px;}
#daohang li.l3 a:hover{ background-position:-470px 0px;}
#daohang li.l4 a:hover{ background-position:-705px 0px;}


/*我们*/
.webox{background:#222;height:94px;border-bottom: solid 1px #333;}
.webox h3{width:300px;display: block;position: absolute;left: 0;top: -26px;}
.keyword{color: #ccc;height: 36px;line-height: 20px;padding: 20px 0 0;width:440px;text-align: center;}
.keyword a{color: #ccc;padding: 0 20px 0 0;}
.seabox{width: 412px;padding-left: 444px;}
.sea_inp{border:0;width:331px;height: 37px;line-height: 37px;}
.sea_inp .serach{width:252px;height:37px;border:0; background:#303030;line-height:37px;color:#474747;padding:0 0 0 22px;float:left;outline: none;display: block;font-size:14px;}
.sea_inp .sub{ width:55px; height:37px;float:left;cursor: pointer;display: block;background:url(../images/sea_ico.gif) no-repeat 16px 9px #303030;border: 0;}
.we_pho{background:url(../images/t_tel.gif) no-repeat 0 center;padding:0 0 0 34px;font-family: Times New Roman;font-size: 30px;color: #ff0000;line-height: 94px;margin-right: 25px;}

/*海金刚·打造未来智能厨房*/
.chara{font-family: "Microsoft Yahei";height: 745px;padding: 122px 0 0;line-height: 30px;background:url(../images/charabg.jpg) no-repeat center 0;}
.chara_p{padding: 0 20px 20px 0;background:url(../images/charapbg.jpg) no-repeat right bottom;}
.chara_p,.chara_p img{width: 700px;height: 482px;display: block;overflow: hidden;}
.chara_w{width: 402px;padding: 66px 0 0;height: 492px;overflow: hidden;}
.chara_w h2{height: 123px;background:url(../images/line3.png) no-repeat 0 bottom;font-size: 34px;color: #ff0000;font-weight: normal;line-height: 55px;}
.chara_w p{display: block;padding: 34px 0 0;height: 169px;overflow: hidden;}
.chara_c{clear: both;font-size: 22px;line-height:46px;color: #cfcfcf;text-align: center;height:90px;overflow: hidden;}
.chara_c ul{width: 1400px;}
.chara_c li{width: 102px;float: left;padding: 0 172px 0 0;}
.chara_c li span,.chara_c li span img{display: block;margin: 0 auto;width: 40px;height: 36px;}

/*产品*/
.probox{font-family: "Microsoft Yahei";background:url(../images/probg.jpg) no-repeat center 0;line-height:38px;height:864px;overflow: hidden;}
.pro_l{width: 400px;height: 863px;background: #212121;border-bottom: solid 1px #2c2c2c;text-align: center;}
.pro_l h2{line-height:55px;height:154px;padding: 60px 0 0;font-size: 40px;color: #ff0000;}
.pro_l h2 a{color: #f7cc7d;display: block;}
.pro_l h2 span{display: block;font-size: 20px;font-weight: normal;color: white;line-height: 40px;}
.pro_t li{width: 200px;float: left;height: 142px;padding: 73px 0 0;border-top: solid 1px #2c2c2c;font-size: 18px;line-height: 48px;}
.pro_t li:nth-child(2n){width:199px;border-left: solid 1px #2c2c2c;}
.pro_t li.cur i{color: #c00000;font-weight: bold;}
.pro_t li span{display: block;margin: 0 auto;width:51px;height:45px;position: relative;overflow: hidden;}
.pro_t li span i{width:51px;height:45px;position: absolute;display: block;top: 0;left: 0;}
.pro_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;background-position: center 0;}
.pro_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;background-position: center bottom;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.pro_t li p{display: block;color: white;}
.pro_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.pro_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.pro_t li.cur p,.pro_t li a:hover p,.pro_t li:hover p{color: #ff3000;font-weight: bold;}

.pro_c{width:765px;padding: 79px 0 0;font-size: 16px;line-height: 56px;}
.prev,.next{width:30px;height:30px;display: block;top:795px;right:0;}
.prev{right: 40px;}

.pro_cl{height:716px;}
.pro_c li{width: 360px;height: 328px;position: relative;float: left;margin: 0 0 18px 20px;background:url(../images/prolbg.jpg) no-repeat 0 0;}
.pro_c li img{width: 360px;height:270px;display: block;}
.pro_c li span{height:56px;display: block;white-space: nowrap; text-overflow: ellipsis;padding: 0 34px;border-top: solid 1px #e7e7e7;}
.pro_c li span b{display: block;float: right;width: 70px;border-left: solid 1px #e1e1e1;background:url(../images/ico01.png) no-repeat 44px 16px;height: 56px;}
.pro_c li span a{display: block;color: #333;}
.pro_em{height: 30px;background:url(../images/line1.png) no-repeat 20px 15px;padding: 0 0 0 43px;}
.pro_em em{width: 11px;height: 30px;float: left;padding:0 3px 0 0;background:url(../images/ico08.png) no-repeat 0 center;}
.pro_em em:hover,.pro_em em.cur{background:url(../images/ico07.png) no-repeat 0 center;}

/*品质*/
.qual{padding: 103px 0 0;height: 707px;font-family: "Microsoft Yahei";background:url(../images/qualbg.jpg) no-repeat center 0;}
.qual_c,.qual_cl{height: 500px;position: relative;}
.qual_p{position: absolute;right: 0; height: 500px;width:50%;max-width: 1920px;background:url(../images/qual_pic1.jpg) no-repeat 0 0;}
.qual_p2{background:url(../images/qual_pic2.jpg) no-repeat 0 0;}
.qual_p3{background:url(../images/qual_pic3.jpg) no-repeat 0 0;}
.qual_p4{background:url(../images/qual_pic4.jpg) no-repeat 0 0;}
.qual_w{width: 520px;position: absolute;left: 50%;margin-left: -600px;top: 0;/*border-top: solid 1px #333;*/padding: 40px 0 0;font-size: 20px;line-height: 36px;color: #2b2b2b;overflow: hidden;}
.qual_w h3{height: 58px;line-height: 58px;font-size: 30px;color: #ff3000;}
.qual_w h3 i,.qual_w h3 em{font-weight: normal;font-family: Arial;padding: 0 0 0 4px;display: inline-block;color: #2b2b2b;}
.qual_w h3 em{font-size: 14px;text-transform: uppercase;}
.qual_w p{height: 98px;overflow: hidden;}
.qual_w ul{width:600px;}
.qual_w li{width: 100px;float: left;text-align: center;padding: 0 40px 0 0;line-height:32px;}
.qual_w li span{width:98px;display: block;height:74px;border: solid 1px #ff0000;border-radius: 5px;padding: 24px 0 0;margin-bottom: 12px;}

.qual_t{margin-top: -84px;position: relative;background:url(../images/bg01.gif) repeat 0 0;height: 167px;text-align: center;}
.qual_t li{width: 300px;float: left;height: 167px;font-size: 22px;line-height: 28px;color: #ff3000;background:url(../images/ico09.gif) no-repeat right center;}
.qual_t li em,.edge_t em{font-family: Arial;font-size: 12px;line-height: 14px;text-transform: uppercase;font-style: normal;color: #2b2b2b;}
.qual_t li em{display: block;}
.qual_t li span{display: block;margin:36px auto 0;width:52px;height:39px;position: relative;overflow: hidden;}
.qual_t li span i{width:52px;height:39px;position: absolute;display: block;top: 0;left: 0;}
.qual_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;background-position: center 0;}
.qual_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;background-position: center bottom;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.qual_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.qual_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.qual_t li.cur{background:url(../images/prolbg.gif) no-repeat 0 center;font-weight: bold;color: #333;text-shadow: 1px 0px 1px #ff8;}



/*见证*/
.witn{font-family: "Microsoft Yahei";padding:87px 0 0;height:722px;line-height:26px;background:url(../images/witnbg.jpg) no-repeat center 0;}
.witn_c dl{width: 380px;float: left; height: 508px;background:url(../images/line1.gif) no-repeat 0 bottom #303030;color: white;}
.witn_c dl.witn_l1{margin: 0 30px;}
.witn_c dt,.witn_c dt img{width:380px;height:216px;display: block;overflow: hidden;}
.witn_c dd{display: block;padding:23px 42px 0;}
.witn_c dd h3{display: block;height:75px;overflow: hidden;font-size: 18px;line-height: 28px;color: #e0e0e0;border-bottom: solid 1px #454545;margin-bottom: 23px;}
.witn_c dd h3 em,.witn_c dl:hover dd h3 em,.witn_c dl.cur dd h3 em,.witn_c dd h3 a:hover em{display: block;font-size: 12px;line-height: 22px;color: #6c6c6c;font-weight: normal;font-style: normal;text-shadow:0 0 0;}
.witn_c dd h3 a{display: block;color: #e0e0e0;}
.witn_c dd p{display: block;height:83px;overflow: hidden;}
.witn_c dd span a{display: block;background:url(../images/icobg1.png) no-repeat 0 0;text-align: center;color: #d0d0d0;width:134px;line-height: 43px;padding:0 42px 0 0;font-size: 16px;}
.witn_c dl:hover,.witn_c dl.cur{background:url(../images/line1.gif) no-repeat 0 bottom #eeb269;color: #685742;}
.witn_c dl:hover dd h3 a,.witn_c dl.cur dd h3 a,.witn_c dd h3 a:hover{color: #333;text-shadow: 1px 0px 1px #ff8;}
.witn_c dl:hover dd span a,.witn_c dl.cur dd span a,.witn_c dd span a:hover{background:url(../images/icobg2.png) no-repeat 0 0;color: #333;text-shadow: 1px 0px 1px #ff8;}

/*新闻中心*/
.news{font-family: "Microsoft Yahei";padding: 40px 0 0;height: 900px;line-height: 24px;color: #e5e5e5;background:url(../images/newbg.jpg) no-repeat center 0;overflow: hidden;}
.new_t{height:90px;line-height:48px;overflow: hidden;background:url(../images/newtbg.png) no-repeat center 10px;}
.new_t li{float: left;color: #ccc;width:400px;text-align: center;font-size: 18px;padding:31px 0 0;background:url(../images/ico03.png) no-repeat center 0;}
.new_t li.cur{color: #f7cc7d;background:url(../images/ico04.png) no-repeat center 0;}
.new_c{clear: both;height: 700px;display: block;}
.new_cl dl{width:575px;float: left;padding:23px 0 0;height: 220px;}
/*.new_cl dt,.new_cl dt img{width:575px;height: 287px;display: block;overflow: hidden;}*/
.new_cl dd{height:170px;display: block;padding:23px 0 0;background:url(../images/line5.png) no-repeat 95px 0;}
.new_cl dd span{display: block;width: 70px;padding: 15px 60px 0 0;text-align: right;float: left;background:url(../images/ico06.gif) no-repeat 95px 15px;font-family:Times New Roman, Arial;line-height:40px;font-size: 30px;}
.new_cl dd p{display: block;width: 414px;float: left;}
.new_cl dd p a{color: white;display: block;font-size: 16px;line-height: 54px;font-weight: bold;overflow: hidden;height: 54px;}
.new_cl dd .new_more{display: block;clear: both;padding: 18px 0 0;}
.new_cl dd .new_more a{display: block;background:url(../images/icobg3.png) no-repeat 0 0;width: 155px;line-height: 48px;text-transform: uppercase;font-weight: normal;}
.new_cl ul{width:540px;float: right;background:url(../images/line5.png) repeat-y 100px 0;padding: 35px 0;height: 487px;overflow: hidden;margin-right: 20px;}
.new_cl li{height:170px;}
.new_cl li span{width:78px;float: left;text-align: right;padding:10px 22px 0 0;font-family:Times New Roman, Arial;line-height:40px;font-size: 30px;}
.new_cl li span em,.new_cl dd span em{display: block;font-size:14px;line-height:16px;}
.new_cl li p{display: block;width:408px;overflow: hidden;float: left;height: 140px;border-bottom: solid 1px #302f2f;padding-left: 32px;}
.new_cl li p a{display: block;line-height:50px;color: white;font-weight: bold;}

/*关于*/
.aboutbox{padding:105px 0 0;font-family: "Microsoft Yahei";line-height:31px;color: white;background:url(../images/aboutbg.jpg) no-repeat center 0;position: relative;}
.about_p{position: absolute;right: 0; height:595px;width:50%;max-width:949px;background:url(../images/about_pic.jpg) no-repeat 0 0;top:121px;}

.about{height:542px;}
.about_c{width: 510px;}
.about_c h2{height:153px;background:url(../images/line3.png) no-repeat 0 bottom;font-size: 36px;line-height: 66px;color: #f7cc7d;}
.about_c h2 em{display: block;line-height:62px;text-transform: uppercase;color: white;font-weight: normal;font-size: 40px;}
.about_c h2 a{display: block;color: #ff0000;}
.about_w{display: block;height:208px;overflow: hidden;padding: 27px 0 0;}
.about_more{display: block;width: 196px;height: 47px;line-height: 47px;border: solid 2px #929292;font-size: 16px;text-align: center;}
.about_more a{display: inline-block;color: #fff;background:url(../images/ico05.png) no-repeat right center;padding-right: 57px;}

/*风采展示*/
.show{height:315px;font-family: "Microsoft Yahei";line-height:33px;position: relative;padding: 32px 0 0;}
.prev2,.next2{width: 14px;height: 28px;display: block;top: 190px;right: -34px;background:url(../images/next1.png) no-repeat 0 0;}
.prev2{left: -34px;background:url(../images/prev1.png) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:73px;line-height:34px;font-size: 18px;}
.show_t li{float: left;color: white;padding: 0 0 0 29px;background:url(../images/new_ico2.png) no-repeat 0 8px;}
.show_t li em{display: inline-block;padding: 0 18px;color: #828282;font-weight: normal;}
.show_t li:nth-child(1){background:url(../images/new_ico1.png) no-repeat 0 8px;}
.show_t li.cur{color: #f7cc7d;font-weight: bold;background-position: 0 -36px;}
.show_l1{width: 1200px;overflow: hidden;}
.show_c li{width: 283px;float: left;margin: 0 23px 0 0;overflow: hidden;}
.show_c li span{display: block;line-height:33px;color:#a9a9a9;border-bottom: solid 2px #393939;text-align: center;}
.show_c li span a{display: block;color: #a9a9a9;}
.show_c li p,.show_c li p img{width:283px;height:160px;display: block;overflow: hidden;}

/*友情链接*/
.link{width: 100%;font-family: "Microsoft Yahei";font-size: 12px;}
.link_c{width: 1200px;
    line-height: 26px;
    color: #e5e5e5;
    margin: 0 auto;
    padding: 40px;
}
.link_c a{ color:#e5e5e5;display:inline-block; padding-right:20px;}
/*.link_c a:nth-child(4){ padding-right:490px;}*/

.witn_c dt img,.new_cl dt img,.show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.witn_c dt img:hover,.new_cl dt img:hover,.show_c li p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
